.header{
  background: white;
  min-width: 1000px;

  .title{
    height:30px;
    padding:8px 20px;
    border-bottom: 1px solid #EEEFF2;

    h2{
      display: inline-block;
      font-size: 22px;
      font-weight: 500;
      letter-spacing: 0.46px;
      line-height: 30px;
      margin: 0;
      padding: 0;
    }
    span.tit1{
      bottom:9px;
      font-size: $fontsmall;
      letter-spacing: 0.25px;
      margin-left:5px;
      position: relative;
    }

    span.tit2{
      color:$gray;
      font-size: $fontnormal;
      letter-spacing: 0.29px;
      margin-left:20px;
    }
  }


  .search{
    border-bottom: 1px solid #EEEFF2;
    //border-top:1px solid #EEEFF2;
    height:68px;
    //overflow: hidden;

    .searchtxt{
      border-width: 0;
      color: black;
      font-size: 24px;
      height: 68px;
      letter-spacing: 0.5px;
      margin: 0 0 0 20px;
      outline: none;
      padding: 0;
      vertical-align: top;
      width: 76%;
      line-height: 68px;
    }

    .searchbtn{
      background: url("../images/icons.png") -65px -247px no-repeat;
      display: inline-block;
      height: 69px;
      vertical-align: middle;
      width: 70px;
      cursor: pointer;
      position: relative;
      bottom: 2px;

      &:hover{
        background: url("../images/icons.png") -65px -172px no-repeat;
      }
    }

    .filter{
      background: url("../images/icons.png") -102px -40px no-repeat;
      display: inline-block;
      font-size: $fontnormal;
      line-height: 29px;
      letter-spacing: 0.29px;
      margin-left: 4%;
      position: relative;
      width: 78px;
      margin-top: 20px;
      margin-bottom: 20px;
      cursor: pointer;

      span.sj{
        display: none;
        width: 10px;
        height: 10px;
        background: url("../images/icons.png") -97px -25px no-repeat;
        position: absolute;
        top: 22px;
        right: 5px;
        z-index: 2;
      }

      .filtercontent{
        display: none;
        position: absolute;
        background: white;
        border: 2px solid #DADADA;
        box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
        border-radius: 3px;
        width: 400px;
        max-height: 412px;
        top: 30px;
        right: -30px;
        overflow: auto;



        .div{
          border-bottom: 1px solid #EEEFF2;;
          margin: 20px 20px 0px 20px;
          padding-bottom:15px;
          width:360px;
          cursor: default;

          p{
            font-weight: bold;
            line-height: 25px;
            margin-bottom: 3px;
          }

          .filtercheck{
            width: 100%;
            a{
              font-size: 12px;
              float: left;
              line-height: 25px;
              height: 25px;
              width: 95px;

              em{
                background: url("../images/icons.png") no-repeat -145px -216px;
                //background-size: 75%;
                width: 20px;
                height: 25px;
                display: inline-block;
                vertical-align: -9px;
                cursor: pointer;
              }
              em.checked{
                background: url("../images/icons.png") no-repeat -145px -237px;
                //background-size: 75%;
              }
              em.unchecked{
                background: url("../images/icons.png") no-repeat -145px -216px;
                //background-size: 75%;
              }

            }
          }
        }

        .lastfilter{
          border:0px;
        }
      }
    }
  }


  .tab{
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.10);
    height: 50px;

    .checkall{
      background: url('../images/icons.png') -145px -194px;
      display: inline-block;
      line-height: 20px;
      margin: 15px 20px;
      height: 20px;
      width: 60px;
      cursor: pointer;
    }

    .checked{
      background: url('../images/icons.png') -145px -165px no-repeat;
      cursor: pointer;
    }

    .unchecked{
      background: url('../images/icons.png') -145px -194px;
      cursor: pointer;
    }

    .tabimg{
      background: url('../images/icons.png') -66px -119px no-repeat;
      border-right: 1px solid rgba(0,0,0,0.10);
      display: inline-block;
      height: 49px;
      vertical-align: -20px;
      width: 60px;
      cursor: pointer;
    }

    .thumbnaila{
      background: url('../images/icons.png') -65px -120px no-repeat;
      border-left: 1px solid rgba(0,0,0,0.10);
    }

    .thumbnaild{
      background: url('../images/icons.png') -65px -65px no-repeat;
      border-left: 1px solid rgba(0,0,0,0.10);
    }

    .listd{
      background: url('../images/icons.png') -1px -206px no-repeat;
    }

    .lista{
      background: url('../images/icons.png') -1px -146px no-repeat;
    }

    .uploadbtn{
      background: #149AF1;
      border-radius: 3px;
      color:white;
      letter-spacing: 0.29px;
      margin:10px 20px;
      height:30px;
      width: 72px;
      cursor: pointer;
      &:hover{
        background: #00A8FF;
      }
    }

    .download{
      background: url("../images/icons.png") -146px -261px no-repeat;
      margin:15px 0px 15px 20px;
      height: 20px;
      width: 83px;
      cursor: pointer;
    }

    .preview{
      background: url('../images/icons.png') -145px -194px;
      margin:15px 0px 15px 20px;
      height: 20px;
      width: 83px;
      cursor: pointer;
    }

    .delete{
      background: url("../images/icons.png") -118px 1px no-repeat;
      margin:15px 0px 15px 20px;
      height: 20px;
      width: 50px;
      cursor: pointer;
    }

    .checknum {
      margin: 15px 0px 15px 20px;
      height: 20px;
      width: 71px;
      cursor: pointer;
      color:#999;
      b.blue{
        color:$blue;
        margin: 0 5px;
      }
    }

    .checked{
      background: url('../images/icons.png') -145px -165px no-repeat;
    }

  }


  .filterresult{
    height: 36px;
    background: #F5F5F5;
    overflow: hidden;

    >span{
      line-height: 36px;
      margin-left: 20px;
      color: red;
      cursor: pointer;
    }

    a{
      background: #B9C1C7;
      border-radius: 3px;;
      margin-left: 10px;
      padding:0 5px;
      color:white;
      cursor: pointer;
      &:hover{
        background:#149AF1;
      }

      i{
        margin-left: 8px;
        display: inline-block;
        height: 8px;
        width: 10px;
        background: url("../images/icons.png") -20px -4px no-repeat;
      }
    }
  }
}



